<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 标签选择器  标签名 + 声明块  */
        p{
           background-color:blue;
        }
        /* id选择器 #id{} */
        #two{
            background-color:orange;
        }
        /* 类选择器 .类名{} */
        .font{
            color: aqua;
            background-color:pink;
        }
    </style>
</head>
<body>
    <!-- 
        所有标签都可以使用属性：
        1.style 行内样式/内联样式 设置标签样式
        2.id 唯一标识标签 类似于身份证
        3.class 表示一类标签 类似于人的名字 
        4.title 光标悬浮到标签上提示说明 

        当样式冲突时候 优先级
        优先级最高!important 不计入权重计算 
        style属性 权重1000 
        id选择器 权重0100 
        class选择器 权重0010
        标签选择器 权重0001 
        
    -->
    <div>我是一个div</div>
    <p class="font">段落标签</p>
    <p style="background-color: blueviolet;" id="two" class="font">段落标签</p>
    <p class="font">段落标签</p>
    <section>section标签</section>
</body>
</html>